@import '../style/var';

.em-swipe-item {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  &__inner {
    width: calc(100% - var(--swipe-item-gutter));
    height: 100%;
    border-radius: var(--swipe-item-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background-color: $--gray-2;
  }
}

.em-swipe--scale {
  .em-swipe-item {
    &::after {
      padding-top: 0;
      padding-top: var(--scalebox-ratio);
      content: '';
      width: 100%;
      display: block;
    }
    &__inner {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      overflow: hidden;
    }
  }
}
